import { theme } from 'antd'
import { Outlet } from 'react-router-dom'

const { useToken } = theme



const LoginContainer: React.FC = () => {
    const { token } = useToken()
    const containerStyle: React.CSSProperties = {
        position: 'absolute',
        top: '50%',
        left: '50%',
        minHeight: 550,
        minWidth: 444,
        backgroundColor: token.colorBgBase,
        borderRadius: token.borderRadiusLG,
        transform: 'translate(25%,-50%)',
        paddingTop: 40,
        paddingLeft: 40,
        paddingRight: 40,
        boxSizing:'border-box',
    }
    return (
        <div className="login-container" style={containerStyle}>
            <Outlet />
        </div>
    )
}

export default LoginContainer